<%--
  Created by IntelliJ IDEA.
  User: 聂姜磊
  Date: 2018-07-24
  Time: 9:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>首页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.css"/>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/table/bootstrap-table.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/table/bootstrap-table.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/table/locale/bootstrap-table-zh-CN.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/date/bootstrap-datetimepicker.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/date/Moment.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/date/bootstrap-datetimepicker.min.js"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/tongyong.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css"/>


    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/AmazeUI/css/amazeui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/AmazeUI/js/amazeui.js"></script>

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/sweetalert/sweetalert.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/sweetalert/sweetalert.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/index.js"></script>


    <script>
        //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function(){
            var element = layui.element;

        });
    </script>
    <style type="text/css">
        #cc span{
            text-align: left;
            display: inline-block;
            color: #315fff;
        }
    </style>
</head>
<body>
<%--开头--%>
<div>
        <div style="padding-left: 20px;padding-top: 20px;">
            <p style="font-size: 15px;">请输入门牌编号:
                <%--<input id="firstDate" type="text" class="form-control">--%>
                <select id="men" data-am-selected="{searchBox: 1}" data-am-selected="{maxHeight: 100}">
                    <option value="-1">请选择</option>
                </select>
                &nbsp;&nbsp;
                <button class="layui-btn layui-btn-radius layui-btn-warm" onclick="cha()">查询</button>
                &nbsp;&nbsp;
                <button class="layui-btn layui-btn-radius layui-btn-warm">修改信息</button>
                &nbsp;&nbsp;
                <button class="layui-btn layui-btn-radius layui-btn-warm">房产信息</button>
                &nbsp;&nbsp;
                <button class="layui-btn layui-btn-radius layui-btn-warm">业主信息</button>
            </p>
           <div style="padding-top: 50px;" id="cc">
               <p>
                   住户编号:&emsp;&emsp;<span style="width: 230px;" id="bh"></span>

                   业主姓名:&emsp;&emsp;<span style="width: 230px;" id="name"></span>

                   使用状态:&emsp;&emsp;<span style="width: 230px;" id="zt"></span>
               </p>
               <p style="padding-top: 26px;">
                   联系电话:&emsp;&emsp;<span style="width: 230px;" id="phone"></span>

                   入住日期:&emsp;&emsp;<span style="width: 230px;" id="date"></span>

                   身份证号:&emsp;&emsp;<span style="width: 230px;" id="sfz"></span>
               </p>
               <p style="padding-top: 26px;">
                   产权状况:&emsp;&emsp;<span style="width: 230px;" id="chanquan"></span>

                   当前状态:&emsp;&emsp;<span style="width: 230px;" id="type"></span>

                   房屋信息:&emsp;&emsp;<span style="width: 450px;" id="xinxi"></span>


               </p>
               <p style="padding-top: 26px;padding-bottom: 45px;" >
                   房屋朝向:&emsp;&emsp;<span style="width: 230px;" id="cx"></span>

                   房屋户型:&emsp;&emsp;<span style="width: 230px;" id="hx"></span>

                   房屋面积:&emsp;&emsp;<span style="width: 230px;" id="mj"></span>
               </p>
           </div>
            <%--选项卡--%>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" >
                <ul class="layui-tab-title">
                    <li class="layui-this">待售费用</li>
                    <li>全部收费信息</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <table id="table1"></table>
                    </div>
                    <div class="layui-tab-item">
                        <table id="table2"></table>
                    </div>
                </div>
            </div>
        </div>
        </div>

</div>

</body>
<script type="text/javascript">

    $(function(){
        $.post("${pageContext.request.contextPath}/house/menpai",function (releset) {
            var e=releset;
            $(e).each(function (i,e) {
                $('#men').append('<option value='+e.doornumber+' >'+e.doornumber+'</option>');
            })
        })
    })







</script>
</html>
